<template>
  <div class="home-card df aic jcsa">
    <div>
      <!-- <span class="iconfont icon-dingdanjihe"></span> -->
      <slot></slot>
    </div>
    <div class="df fdc aic jcc">
      <p style="color: #999">{{ title }}</p>
      <p style="font-weight: 600" class="mt">{{ count|formatMoney}}</p>
    </div>
  </div>
</template>

<script>
export default {
  props: {
    title: {
      type: String,
      required: true,
    },
    count: {
      type: Number,
      default: 0,
    },
  },
};
</script>

<style lang="scss" scoped>
.home-card {
  background-color: #fff;
  padding: 10px;
  width: 23%;
  .iconfont {
    font-size: 50px;
  }
}
</style>